!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@wix/image-kit"),require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[ClassicSection]",["imageClientApi","react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[ClassicSection]"]=t(require("@wix/image-kit"),require("react")):e["rb_wixui.thunderbolt[ClassicSection]"]=t(e.__imageClientApi__,e.React)}("undefined"!=typeof self?self:this,(function(e,t){return function(){var a={42662:function(t){"use strict";t.exports=e},5329:function(e){"use strict";e.exports=t},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;tObject.entries(e).reduce(((e,[t,a])=>(t.includes("data-")&&(e[t]=a),e)),{});const d=13,c=27;function u(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}u(32),u(d),u(c);const m=(...e)=>e.map((e=>e?`wixui-${e}`:"")).join(" "),g="mesh-container-content",p="inline-content",f=e=>n().createElement("div",{key:e.props.id+"-rotated-wrapper","data-mesh-id":e.props.id+"-rotated-wrapper"},e);var v=e=>{const{id:a,className:r,wedges:i=[],rotatedComponents:o=[],children:d,fixedComponents:c=[],extraClassName:u="",renderRotatedComponents:m=f}=e,v=n().Children.toArray(d()),h=[],b=[];v.forEach((e=>c.includes(e.props.id)?h.push(e):b.push(e)));const y=(e=>{const{wedges:t,rotatedComponents:a,childrenArray:r,renderRotatedComponents:i}=e,o=a.reduce(((e,t)=>({...e,[t]:!0})),{});return[...r.map((e=>{return o[(t=e,t.props.id.split("__")[0])]?i(e):e;var t})),...t.map((e=>n().createElement("div",{key:e,"data-mesh-id":e})))]})({childrenArray:b,rotatedComponents:o,wedges:i,renderRotatedComponents:m});return n().createElement("div",t()({},l(e),{"data-mesh-id":a+"inlineContent","data-testid":p,className:s(r,u)}),n().createElement("div",{"data-mesh-id":a+"inlineContent-gridContainer","data-testid":g},y),h)},h="HlRz5e",b=r(42662);const{STATIC_MEDIA_URL:y}=b,E=({fittingType:e,src:t,target:a,options:n})=>{const r=b.getPlaceholder(e,t,a,Object.assign(Object.assign({},n),{autoEncode:!0}));return(null==r?void 0:r.uri)&&!/^[a-z]+:/.test(r.uri)&&(r.uri=`${y}${r.uri}`),r},x=/^[a-z]+:/;var O=e=>{var t,n;const{id:r,containerId:i,uri:o,alt:s,name:l="",role:d,width:c,height:u,displayMode:m,devicePixelRatio:g,quality:p,alignType:f,bgEffectName:v="",focalPoint:b,upscaleMethod:O,className:I="",crop:w,imageStyles:M={},targetWidth:S,targetHeight:N,targetScale:j,onLoad:C=(()=>{}),onError:_=(()=>{}),shouldUseLQIP:P,containerWidth:k,containerHeight:T,getPlaceholder:R,isInFirstFold:L,placeholderTransition:A,socialAttrs:W,isSEOBot:q,skipMeasure:B,lazyLoadImgExperimentOpen:z,hasAnimation:F,allowWEBPTransform:D}=e,H=a.useRef(null);let $="";const U="blur"===A,V=a.useRef(null);if(!V.current)if(R||P||L||q){const e=Object.assign(Object.assign({upscaleMethod:O},p||{}),{shouldLoadHQImage:L,isSEOBot:q,hasAnimation:F,allowWEBPTransform:D});V.current=(R||E)({fittingType:m,src:{id:o,width:c,height:u,crop:w,name:l,focalPoint:b},target:{width:k,height:T,alignment:f,htmlTag:"img"},options:e}),$=!V.current.transformed||L||q?"":"true"}else V.current={uri:void 0,css:{img:{}},attr:{img:{},container:{}},transformed:!1};const J=!q&&(R||P)&&!L&&V.current.transformed,K=a.useMemo((()=>JSON.stringify(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({containerId:i},i&&{containerId:i}),f&&{alignType:f}),B&&{skipMeasure:!0}),{displayMode:m}),k&&{targetWidth:k}),T&&{targetHeight:T}),S&&{targetWidth:S}),N&&{targetHeight:N}),j&&{targetScale:j}),{isLQIP:J,isSEOBot:q,lqipTransition:A,imageData:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({width:c,height:u,uri:o,name:l,displayMode:m,hasAnimation:F},p&&{quality:p}),g&&{devicePixelRatio:g}),b&&{focalPoint:b}),w&&{crop:w}),O&&{upscaleMethod:O})}))),[i,f,B,m,T,k,S,N,j,J,q,A,c,u,o,l,p,g,b,w,O,F]),Y=V.current,Q=null==Y?void 0:Y.uri,Z=null==Y?void 0:Y.srcset,G=null===(t=Y.css)||void 0===t?void 0:t.img,X=`${h} ${I}`;a.useEffect((()=>{const e=H.current;C&&(null==e?void 0:e.currentSrc)&&(null==e?void 0:e.complete)&&C({target:H.current})}),[]);const ee=Y&&!(null==Y?void 0:Y.transformed)?`max(${c}px, 100%)`:S?`${S}px`:null;return a.createElement("wow-image",{id:r,class:X,"data-image-info":K,"data-bg-effect-name":v,"data-has-ssr-src":$,"data-animate-blur":!q&&J&&U?"":void 0,style:ee?{"--wix-img-max-width":ee}:{}},a.createElement("img",Object.assign({src:Q,ref:H,alt:s||"",role:d,style:Object.assign(Object.assign({},G),M),onLoad:C,onError:_},k&&{width:k},T&&{height:T},W,L?{srcSet:null===(n=null==Z?void 0:Z.dpr)||void 0===n?void 0:n.map((e=>x.test(e)?e:`${y}${e}`)).join(", "),fetchpriority:"high"}:z?{loading:"lazy"}:{})))};var I=e=>{var t,n,r;const{className:i,customIdPrefix:o,getPlaceholder:s,hasAnimation:l,allowWEBPTransform:d,...c}=e,u=a.useMemo((()=>JSON.stringify({containerId:c.containerId,alignType:c.alignType,fittingType:c.displayMode,hasAnimation:l,imageData:{width:c.width,height:c.height,uri:c.uri,name:c.name,...c.quality&&{quality:c.quality},displayMode:c.displayMode}})),[c,l]),m=a.useRef(null);m.current||(m.current=s?s({fittingType:c.displayMode,src:{id:c.uri,width:c.width,height:c.height,name:c.name},target:{width:c.containerWidth,height:c.containerHeight,alignment:c.alignType,htmlTag:"bg"},options:{hasAnimation:l,allowWEBPTransform:d}}):{uri:void 0,css:{img:{}},attr:{img:{},container:{}}});const g=m.current,p=null!=(t=null==g?void 0:g.uri)?t:"",f=null!=(n=null==(r=g.css)?void 0:r.container)?n:{},v=Object.assign(p?{backgroundImage:"url("+p+")"}:{},f);return a.createElement("wix-bg-image",{id:""+(o||"bgImg_")+c.containerId,class:i,style:v,"data-tiled-image-info":u,"data-has-bg-scroll-effect":c.hasBgScrollEffect||"","data-bg-effect-name":c.bgEffectName||""})};const w=new RegExp("<%= compId %>","g"),M=(e,t)=>e.replace(w,t);var S=e=>null==e?void 0:e.replace(":hover",""),N="bX9O_S",j="Z_wCwr",C="Jxk_UL",_="K8MSra",P="YTb3b4";const k={quality:{unsharpMask:{radius:.33,amount:1,threshold:0}},devicePixelRatio:1};var T=e=>{const{id:n,videoRef:r,videoInfo:i,posterImageInfo:o,muted:l,preload:d,loop:c,alt:u,isVideoEnabled:m,getPlaceholder:g,extraClassName:p=""}=e;i.containerId=S(i.containerId);const f=a.useMemo((()=>JSON.stringify(i)),[i]),v=a.createElement(a.Fragment,null,o.filterEffectSvgString&&a.createElement("svg",{id:"svg_"+i.containerId,className:P},a.createElement("defs",{dangerouslySetInnerHTML:{__html:M(o.filterEffectSvgString,i.containerId)}})),a.createElement(O,t()({key:i.videoId+"_img",id:o.containerId+"_img",className:s(j,C,"bgVideoposter",p),imageStyles:{width:"100%",height:"100%"}},o,k,{getPlaceholder:g})));return m?a.createElement("wix-video",{id:n,"data-video-info":f,class:s(N,"bgVideo",p)},a.createElement("video",{key:i.videoId+"_video",ref:r,id:i.containerId+"_video",className:_,role:"presentation",crossOrigin:"anonymous","aria-label":u,playsInline:!0,preload:d,muted:l,loop:c,tabIndex:-1}),v):v},R="SUz0WK";var L=e=>{const{id:t,containerId:n,pageId:r,children:i,bgEffectName:o="",containerSize:s}=e;return a.createElement("wix-bg-media",{id:t,class:R,"data-container-id":n,"data-container-size":((null==s?void 0:s.width)||0)+", "+((null==s?void 0:s.height)||0),"data-page-id":r,"data-bg-effect-name":o},i)};const A="bgOverlay";var W="m4khSP",q="FNxOn5";var B=e=>{const{imageOverlay:n}=e;return a.createElement("div",{"data-testid":A,className:W},n&&a.createElement(I,t()({customIdPrefix:"bgImgOverlay_",className:q},n)))};const z="bgLayers",F="colorUnderlay",D="mediaPadding",H="canvas";var $="MW5IWV",U="N3eg0s",V="Kv1aVt",J="dLPlxY",K="VgO9Yg",Y="LWbAav",Q="yK6aSC",Z="K_YxMd",G="NGjcJN",X="mNGsUM";const ee="bgImage";var te=e=>{const{videoRef:n,canvasRef:r,hasBgFullscreenScrollEffect:i,image:o,backgroundImage:l,backgroundMedia:d,video:c,backgroundOverlay:u,shouldPadMedia:m,extraClass:g="",shouldRenderUnderlay:p=!c,reducedMotion:f=!1,getPlaceholder:v}=e,{onImageLoad:h}=(e=>{let{onReady:t,image:n}=e;return(0,a.useEffect)((()=>{t&&!n&&t()}),[t,n]),{onImageLoad:e=>{null!=n&&n.onLoad&&n.onLoad(e),t&&t()}}})(e),b=S(e.containerId),y="img_"+S(b),E=o&&a.createElement(O,t()({id:y,className:s(V,J,X,ee),imageStyles:{width:"100%",height:"100%"},getPlaceholder:v},o,{onLoad:h})),x=l&&a.createElement(I,t()({},l,{containerId:b,className:s(V,J,X,ee),getPlaceholder:v})),w=c&&a.createElement(T,t()({id:"videoContainer_"+b},c,{extraClassName:Q,reducedMotion:f,videoRef:n,getPlaceholder:v})),M=a.createElement(a.Fragment,null,E,x,w,r&&a.createElement("canvas",{id:b+"webglcanvas",ref:r,className:s(Z,"webglcanvas"),"aria-label":(null==c?void 0:c.alt)||"",role:"presentation","data-testid":H})),N=d?a.createElement(L,t()({id:"bgMedia_"+b},d),M):a.createElement("div",{id:"bgMedia_"+b,className:K},M),j=u&&a.createElement(B,u);return a.createElement("div",{id:z+"_"+b,"data-hook":z,className:s($,g,{[U]:i})},p&&a.createElement("div",{"data-testid":F,className:s(Y,V)}),m?a.createElement("div",{"data-testid":D,className:G},N,j):a.createElement(a.Fragment,null,N,j))},ae="dkukWC",ne="FRCqDF",re="xnZvZH",ie="MBOSCN";const oe=(e,t,n)=>{const r=((e,t)=>e?[...Array(1+(t||0)).keys()].reverse().map((e=>a.createElement("div",{key:"divider-layer-"+e,style:{"--divider-layer-i":e},className:ne,"data-testid":"divider-layer-"+e,"data-divider-layer":e}))):null)(!!t,n);return t?a.createElement("div",{className:s(ae,{[re]:"top"===e,[ie]:"bottom"===e}),"data-testid":e+"-divider"},r):null};var se=e=>{var t,n;const r=a.useMemo((()=>{var t;return oe("top",null==e?void 0:e.hasTopDivider,null==e||null==(t=e.topLayers)?void 0:t.size)}),[null==e?void 0:e.hasTopDivider,null==e||null==(t=e.topLayers)?void 0:t.size]),i=a.useMemo((()=>{var t;return oe("bottom",null==e?void 0:e.hasBottomDivider,null==e||null==(t=e.bottomLayers)?void 0:t.size)}),[null==e?void 0:e.hasBottomDivider,null==e||null==(n=e.bottomLayers)?void 0:n.size]);return a.createElement(a.Fragment,null,r,i)};var le={root:"section"},de="Oqnisf",ce="cM88eO",ue="YtfWHd";const me=(e,r)=>{const{id:i,fillLayers:o={},className:d,customClassNames:c=[],meshProps:u={wedges:[],rotatedComponents:[]},anchorUrlFragment:g,children:p,onMouseEnter:f,onMouseLeave:h,onClick:b,onDblClick:y,getPlaceholder:E,a11y:x={},onStop:O,onReady:I,dividers:w}=e,M={onMouseEnter:f,onMouseLeave:h,onClick:b,onDoubleClick:y},S=o.hasBgFullscreenScrollEffect,N=function(e,t,a){const r=n().useRef(null),i=n().useRef(null);return t?i.current||(i.current={play:()=>r.current?.play(),load:()=>r.current?.load(),pause:()=>r.current?.pause(),stop:()=>{r.current&&(r.current.pause(),r.current.currentTime=0,a&&a(r.current))}}):i.current=null,n().useImperativeHandle(e,(()=>i.current||{load(){},stop(){}})),r}(r,!!o.video,O),{tabindex:j,...C}=x;return a.createElement("section",t()({id:i},l(e),M,C,((e={})=>{const t=e.tabIndex??e.tabindex??void 0;return void 0!==t?{tabIndex:Number(t)}:{}})(x),{className:s(de,d,m(le.root,...c)),"data-block-level-container":"ClassicSection"}),g&&a.createElement("div",{className:ue,id:g}),a.createElement(te,t()({},o,{onReady:I,getPlaceholder:E,videoRef:N})),w&&a.createElement(se,w),a.createElement(v,t()({id:i},u,{extraClassName:s({[ce]:S})}),p))};const ge={ClassicSection:{component:a.forwardRef(me)}}}(),i}()})); //# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[ClassicSection].f50546d7.bundle.min.js.map